<!doctype html>
<style>

div {
    width: 100px;
    height: 100px;
}

#div_border {
    border: 10px solid;
}

#div_outline {
    outline: 10px solid;
    margin: 20px 0 0 10px;
}

#div_border:hover, #div_border:hover + #div_outline {
    color: green;
}

</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
    function repaintTest() {
        if (!window.testRunner)
            return;
        eventSender.mouseMoveTo(50, 50);
    }
    window.addEventListener("load", runRepaintAndPixelTest);
</script>
<div id="div_border"></div>
<div id="div_outline"></div>
